<!-- 通用CSS -->
<head th:fragment=header(title)>
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
	<!-- Call App Mode on ios devices -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<!-- Remove Tap Highlight on Windows Phone IE -->
	<meta name="msapplication-tap-highlight" content="no">
	<title th:text="${title}"></title>
 	<!-- base css -->
    <link id="vendorsbundle" rel="stylesheet" media="screen, print" th:href="@{/css/vendors.bundle.css}">
    <link id="appbundle" rel="stylesheet" media="screen, print" th:href="@{/css/app.bundle.css}">
    <!-- <link id="mytheme" rel="stylesheet" media="screen, print" href="#"> -->
    <link id="myskin" rel="stylesheet" media="screen, print" th:href="@{/css/skins/skin-master.css}">
    <!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" sizes="180x180" th:href="@{/img/favicon/apple-touch-icon.png}">
    <link rel="icon" type="image/png" sizes="32x32" th:href="@{/img/favicon/favicon-32x32.png}">
    <link rel="mask-icon" th:href="@{/img/favicon/safari-pinned-tab.svg}" color="#5bbad5">
    <link th:href="@{/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/libs/notifications/sweetalert2/sweetalert2.bundle.css}" rel="stylesheet"/>
</head>

<!-- 通用JS -->
<div th:fragment="footer">
	<script th:src="@{/js/vendors.bundle.js}"></script>
	<script th:src="@{/js/app.bundle.js}"></script>
	<!-- jquery validate验证插件 -->
	<script th:src="@{/assets/jquery-validate/js/jquery.validate.min.js}" type="text/javascript"></script>
	<script th:src="@{/assets/jquery-validate/js/messages_zh.min.js}" type="text/javascript"></script>
	<script th:src="@{/assets/jquery-validate/js/jquery.validate.extend.js}" type="text/javascript"></script>
	<!-- jquery 提示框插件 -->
	<script th:src="@{/libs/notifications/sweetalert2/sweetalert2.bundle.js}"></script>
	<script th:inline="javascript"> var ctx = [[@{/}]]; </script>
</div>

<!-- bootstrap3控件 -->
<div th:fragment="bootstrap3-css">
    <link th:href="@{/assets/bootstrap/css/bootstrap.css}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap3-js">
    <script th:src="@{/assets/bootstrap/js/bootstrap.js}" type="text/javascript"></script>
</div>

<!-- bootstrap-table控件 -->
<div th:fragment="bootstrap-table-css">
    <link th:href="@{/assets/bootstrap-table/css/bootstrap-table.css}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-table-js">
    <script th:src="@{/assets/bootstrap-table/js/bootstrap-table.js}" type="text/javascript"></script>
	<script th:src="@{/assets/bootstrap-table/js/locale/bootstrap-table-zh-CN.js}" type="text/javascript"></script>
	<!-- 导出 -->
	<script th:src="@{/assets/bootstrap-table/js/extensions/export/bootstrap-table-export.js}" type="text/javascript"></script>
	<script th:src="@{/assets/bootstrap-table/js/extensions/export/FileSaver.min.js}" type="text/javascript"></script>
	<script th:src="@{/assets/bootstrap-table/js/extensions/export/xlsx.core.min.js}" type="text/javascript"></script>
	<script th:src="@{/assets/bootstrap-table/js/extensions/export/tableExport.min.js}" type="text/javascript"></script>
	<script th:src="@{/assets/bootstrap-table/js/extensions/export/jquery.base64.js}"></script>
	<script th:src="@{/assets/bootstrap-table/js/extensions/export/base64.js}" ></script>
	<script th:src="@{/assets/bootstrap-table/js/extensions/export/jspdf.js}" ></script>
	<script th:src="@{/assets/bootstrap-table/js/extensions/export/sprintf.js}" ></script>
</div>
<div th:fragment="datatables-css">
	<link th:href="@{/css/datagrid/datatables/datatables.bundle.css}" type="texy/javascript" rel="stylesheet"/>
	<link href="https://cdn.datatables.net/buttons/1.6.5/css/buttons.dataTables.min.css" rel="stylesheet"/>
</div>
<!-- datatables + html5导出控件 -->
<div th:fragment="datatables-js">
	<script th:src="@{/js/datagrid/datatables/datatables.bundle.js}" type="texy/javascript"></script>
	<script th:src="@{/js/datagrid/datatables/datatables.export.js}" type="texy/javascript"></script>
	<script th:src="//cdn.datatables.net/buttons/1.6.5/js/buttons.html5.min.js" type="text/javascript"></script>
	<script th:src="//cdn.datatables.net/buttons/1.6.5/js/buttons.print.min.js" type="text/javascript"></script>
</div>
<div th:fragment="bootstarp-table-fixed-js">
	<script th:src="@{/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.min.js}" type="text/javascript"></script>
</div>

<div th:fragment="bootstarp-table-fixed-css">
	<link th:src="@{/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.css}" rel="stylesheet">
</div>
<!-- select2下拉框插件 -->
<div th:fragment="select2-css">
    <link th:href="@{/select2/select2.min.css}" rel="stylesheet"/>
    <link th:href="@{/select2/select2-bootstrap.css}" rel="stylesheet"/>
</div>
<div th:fragment="select2-js">
    <script th:src="@{/select2/select2.min.js}"></script>
</div>

<!-- bootstrap-select下拉框插件 -->
<div th:fragment="bootstrap-select-css">
    <link th:href="@{/bootstrap-select/bootstrap-select.css}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-select-js">
    <script th:src="@{/bootstrap-select/bootstrap-select.js}"></script>
</div>
<!-- bootstrap-datepicker控件 -->
<div th:fragment="bootstrap-datepicker-css">
	<link rel="stylesheet" media="screen, print" th:href="@{/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css}">
</div>
<div th:fragment="bootstrap-datepicker-js">
	<script th:src="@{/js/formplugins/bootstrap-datepicker/bootstrap-datepicker.js}"></script>
	<script th:src="@{/js/formplugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.js}"></script>
</div>

<!-- jquery smartwizard 向导控件 -->
<div th:fragment="smartwizard-css">
	<link rel="stylesheet" media="screen, print" th:href="@{/css/formplugins/smartwizard/smartwizard.css}">
</div>
<div th:fragment="smartwizard-js">
	<script th:src="@{/js/formplugins/smartwizard/smartwizard.js}"></script>
</div>

<!-- 表格可编辑控件 -->
<div th:fragment="bootstrap-table-editable-css">
	<link th:href="@{/assets/bootstrap3-editable/css/bootstrap-editable.css}" rel="stylesheet" type="text/css" />
	<link th:href="@{/assets/bootstrap3-editable/address/css/address.css}" rel="stylesheet" type="text/css" />
</div>
<div th:fragment="bootstrap-table-editable-js">
    <script th:src="@{/assets/bootstrap3-editable/js/bootstrap-editable.js}"></script>
	<script th:src="@{/assets/bootstrap3-editable/js/bootstrap-table-editable.js}"></script>
	<script th:src="@{/assets/bootstrap3-editable/address/js/address.js}"></script>
</div>

<!-- jquery-webui-popover -->
<div th:fragment="jquery-webui-popover-css">
	<link th:href="@{/assets/jquery-webui-popover/css/jquery.webui-popover.css}" rel="stylesheet" type="text/css" />
</div>
<div th:fragment="jquery-webui-popover-js">
    <script th:src="@{/assets/jquery-webui-popover/js/jquery.webui-popover.js}"></script>
</div>

<!-- ztree树插件 -->
<div th:fragment="ztree-css">
    <link th:href="@{/assets/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>
</div>
<div th:fragment="ztree-js">
    <script th:src="@{/assets/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script>
</div>

<!-- echarts仪表板 -->
<div th:fragment="echarts-js">
	<script
		th:src="@{/assets/echarts/js/echarts.min.js}"
		type="text/javascript"></script>
</div>
